@import '@/uni.scss';
::v-deep.uContainer {
	background: $uni-bg-color !important;
}
.container {
	width: 100%;
	height: calc(100% - 136rpx - 112rpx);
	padding-bottom: calc(136rpx + 112rpx);
	overflow: auto;
	.list {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		.itemLabel {
			margin-top: 20rpx;
		}
		.itemContent {
			width: 690rpx;
			border-radius: 20rpx;
			overflow: hidden;
			background: #fff;
			display: flex;
			flex-direction: row;
			.checkedRadio {
				margin: 20rpx 0 auto 20rpx;
				width: 80rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				> checkbox {
					color: red !important;
				}
				> text {
					padding: 20rpx 0;
					font-weight: 400;
					font-size: 24rpx;
					color: $uni-extra-color;
				}
			}
			.thumb {
				margin: 20rpx 0;
				width: 180rpx;
				height: 180rpx;
				background: $uni-bg-color;
			}
			.right {
				padding: 20rpx;
				width: calc(100% - 120rpx - 180rpx - 40rpx);
				display: flex;
				flex-direction: column;
				.name {
					width: 100%;
					height: 86rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					word-break: break-all;
					-webkit-box-orient: vertical;
					> text {
						font-weight: 400;
						font-size: 28rpx;
						color: $uni-main-color;
					}
				}
				.sub {
					margin-top: 10rpx;
					width: 100%;
					display: flex;
					flex-direction: row;
					align-items: baseline;
					> text {
						font-weight: 400;
						font-size: 26rpx;
						color: $uni-main-color;
					}
					> text:nth-child(2) {
						margin-left: auto;
						padding: 0 20rpx;
						color: $xxf-red;
					}
				}
				.priceNum {
					margin-top: 10rpx;
					width: 100%;
					display: flex;
					flex-direction: row;
					align-items: center;
					> text {
						font-weight: 400;
						font-size: 26rpx;
						color: $uni-secondary-color;
					}
					> text:nth-child(1) {
						color: $xxf-red;
					}
					> text:nth-child(2) {
						font-weight: bold;
						font-size: 28rpx;
						color: $xxf-red;
					}
					> text:nth-child(4) {
						text-decoration: line-through;
					}
				}
			}
		}
	}
	.settle {
		padding: 10rpx 30rpx;
		width: calc(100% - 60rpx);
		background-color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		left: 0;
		bottom: calc(env(safe-area-inset-bottom) + 136rpx);
		z-index: 999;
		.selAll {
			width: max-content;
			display: flex;
			flex-direction: row;
			.count {
				width: max-content;
				display: flex;
				flex-direction: column;
				> text {
					font-weight: bold;
					font-size: 28rpx;
					color: $uni-main-color;
				}
				> text:last-child {
					font-weight: 400;
					font-size: 26rpx;
					color: $uni-secondary-color;
				}
			}
		}
		.settleMidd {
			padding: 0 20rpx;
			width: calc(100% - 156rpx - 156rpx - 40rpx);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-end;
			.price {
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
				align-items: baseline;
				> text {
					font-weight: 400;
					font-size: 26rpx;
					color: $uni-main-color;
				}
				> text:nth-child(2) {
					color: $xxf-red;
				}
				> rich-text {
					font-weight: bold;
					font-size: 32rpx;
					color: $xxf-red;
				}
			}
			.discount {
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
				align-items: baseline;
				> text {
					font-weight: 400;
					font-size: 26rpx;
					color: $uni-warning;
				}
				> text:nth-child(2) {
					padding: 0 10rpx;
				}
			}
		}
		.settleRight {
			width: 156rpx;
			height: 68rpx;
			background: $xxf-red;
			border-radius: 34rpx;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			> text {
				font-weight: 400;
				font-size: 32rpx;
				color: #fff;
			}
		}
	}
}
